@charset "utf-8";
/**
 * name:        案例样式
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */

/* 案例样式 */
.case_banner{width: 100%;height: auto;margin-bottom: 60px;}
.case_banner img{width: 100%;}

.case_top{width: 1190px;height: 36px;margin: 0 auto 30px;}
.case_top ul{width: 464px;height: 36px;margin: 0 auto;overflow: hidden;}
.case_top ul li{float: left;padding: 0 20px;height: 36px;margin: 0 10px;border-radius: 18px;}
.case_top ul li a{display: block;width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #666;}
.case_top ul li.active{background: #f10215;}
.case_top ul li.active a{color: #fff;}

.case_wrap{width: 1190px;height: auto;margin: 0 auto 30px;overflow: hidden;}
.case_wrap .case_box{width: 100%;min-height: 380px;overflow: hidden;margin-bottom: 30px;}
.case_wrap .case_box li{width: 560px;height: 300px;padding: 10px;float: left;margin: 0 20px 30px 2px;background: #fff;border-radius: 2px;box-shadow: 0 0 10px rgba(156,156,156,0.1);border: #fff solid 1px;}
.case_wrap .case_box li:nth-child(2n){margin-right: 0;}
.case_wrap .case_box li:hover{border: #f10215 solid 1px;}
.case_wrap .case_box li .case_pic{width: 560px;height: 250px;margin-bottom: 20px;overflow: hidden;}
.case_wrap .case_box li .case_pic img{display: block;width: 100%;transition: all 0.2s;}
.case_wrap .case_box li:hover .case_pic img{ transform: scale(1.1)}
.case_wrap .case_box li a p{width: 100%;height: 30px;line-height: 30px;font-size: 16px;color: #333;overflow: hidden;text-align: center;}
.case_wrap .case_box li:hover p{color: #f10215;}
.case_wrap .loading_more{display: block;width: 100px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;border-radius: 2px;
    background: -webkit-linear-gradient(90deg, #f45e6a, #f10215); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #f45e6a, #f10215); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #f45e6a, #f10215); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #f45e6a, #f10215); /* 标准的语法 */
    box-shadow: 0 4px 10px rgba(241,2,21,.25);
    margin: 0 auto 10px;}
.case_wrap .loading_more:hover{background: #c91523;}
/* 案例详情 */
.case_left{width: 820px;height: auto;padding: 20px;background: #fff;float: left;margin: 10px 0 0 10px;box-shadow: 0 0 10px rgba(156,156,156,0.1);border-radius: 2px;min-height: 195px;}
.article_tit{width: 100%;height: 44px;line-height: 44px;font-size: 24px;color: #333;text-align: center;font-weight: bold;margin: 30px 0 20px;}
.article_img{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.article_img img{display: block;width: 100%;}
.article_txt{width: 100%;height: auto;line-height: 20px;font-size: 14px;color: #666;margin-bottom: 45px;}
.article_txt img{width: 100%;}
.case_flip{width: 100%;height: 36px;overflow: hidden;}
.case_flip a{display: block;height: 36px;line-height: 36px;padding: 0 10px 0 0;font-size: 14px;color: #333;}
.case_flip a:hover{color: #f10215;}
.case_flip .prev{float: left;}
.case_flip .next{float: right;}

.case_right{width: 270px;height: auto;float: right;}
.case_recommend{width: 268px;height: auto;border: #e5e5e5 solid 1px;border-radius: 2px;background: #fff;margin-bottom: 30px;}
.case_recommend .recommend_tit{width: 100%;height: 36px;line-height: 36px;background: #f2f2f2;text-align: center;font-size: 14px;color: #333;border-bottom: #f0f0f0 solid 1px;}
.goods_recommend,
.travel_recommend{width: 228px;height: auto;padding: 20px;min-height: 80px;}
.goods_recommend .goods_list{margin-bottom: 20px;width: 228px;height: 80px;overflow: hidden;}
.goods_recommend .goods_list:last-child{margin-bottom: 0;}
.goods_recommend .goods_list .goods_img{width: 80px;height: 80px;float: left;margin-right: 10px;overflow: hidden;border-radius: 2px;}
.goods_recommend .goods_list .goods_img img{display: block;width: 100%;}
.goods_recommend .goods_list .goods_info{width: 135px;height: 80px;float: left;overflow: hidden;}
.goods_recommend .goods_list .goods_name{width: 100%;height: 40px;line-height: 20px;font-size: 12px;color: #666;overflow: hidden;margin: 5px 0;}
.goods_recommend .goods_list .goods_price{width: 100%;height: 30px;line-height: 30px;overflow: hidden;}
.goods_recommend .goods_list .goods_price span{padding: 0 10px 0 0;height: 30px;display: inline-block;line-height: 30px;font-size: 20px;color: #f10215;}
.goods_recommend .goods_list .goods_price span label{font-size: 14px;}
.goods_recommend .goods_list .goods_price del{font-size: 12px;color: #999;}
.travel_recommend .travel_list{margin-bottom: 20px;width: 228px;height: 80px;overflow: hidden;}
.travel_recommend .travel_list:last-child{margin-bottom: 0;}
.travel_recommend .travel_list .travel_img{width: 100%;height: 80px;overflow: hidden;}
.travel_recommend .travel_list .travel_img img{display: block;width: 100%;}